<!--
  @Description:需求库
  @author Wangshu
  @date 2019/8/20
-->

<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="__PUBLIC__/css/common/bootstrap.min.css">
    <link rel="stylesheet" href="__PUBLIC__/css/header.css">
    <link rel="stylesheet" href="__PUBLIC__/css/demandStore.css">
    <link rel="stylesheet" href="__PUBLIC__/css/common/common.css">
    <title>山东科技大学技术转移公共服务平台-需求库</title>
</head>
<body>
<head>
    <div class="top-title">
        <div>
            <span>欢迎登陆山东科技大学技术转移公共服务平台！</span>
            <if condition="$uid eq null">
                <div class="login">
                    <img src="__PUBLIC__/asset/icon/people.png" alt="">
                    <a href="{:url('login/index')}">登录</a>
                    <span class="spece">|</span>
                    <a href="{:url('login/signup')}">注册</a>
                </div>
                <else/>
                <div class="login">
                    <img src="__PUBLIC__/asset/icon/people.png" alt="">
                    <a href="{:url('me/me')}">欢迎你！</a>
                    <a href="{:url('me/me')}">{$user.real_name}</a>
                </div>
            </if>
        </div>
    </div>
    <div class="logo-box">
        <div class="logo-wrap">
            <div>
                <img src="__PUBLIC__/asset/fodder/logo.png" alt="">
            </div>
            <div>
                <div class="search">
                    <div class="dropdown">
                        <div class="btn select-default dropdown-toggle" type="button" id="dropdownMenu1"
                             data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            请选择学院
                            <span><img style="width: 20px;" src="__PUBLIC__/asset/icon/dropdown.png" alt=""></span>
                        </div>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <foreach name="allColleges" item="vo">
                                <li><a onclick="shows1($(this).text(),{$vo.id})">{$vo.college_name}</a></li>
                            </foreach>
                        </ul>
                    </div>
                    <div class="search-block">
                        <input type="text" name="keyword" id="keyword"  value="{$keyword}">
                    </div>
                    <div class="submit" id="submit">
                        <img src="__PUBLIC__/asset/icon/search.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-box">
        <div class="nav-list">
            <ul>
                <li><a href="{:url('/index/index')}">首页</a></li>
                <li><a href="{:url('news/index')}">新闻</a></li>
                <li><a href="{:url('people/index')}">人才库</a></li>
                <li><a href="{:url('fruit/index')}">成果库</a></li>
                <if condition="$user_type eq 0">
                <li class="active"><a href="{:url('requirement/index')}">需求库</a></li>
                </if>
                <li><a href="{:url('me/callme')}">联系我们</a></li>
            </ul>
        </div>
    </div>
</head>
<main>
    <div class="content-wrap">
        <div class="news-list">
            <ul>
                <foreach name="requirements" item="vo">
                    <li>
                        <div><a href="detail.html?id={$vo.id}">{$vo.title}</a><span class="tag">{$vo.requirementType.name}</span>
                        </div>
                        <div class="art-info"><span>发布者：<if condition="$vo.issuer_type eq 2">后台管理员<else/>{$vo.user.real_name}</if></span> <span>发布时间：{$vo.create_time|date="Y-m-d"}</span></div>
                    </li>
                </foreach>
            </ul>
        </div>
        <div class="right-news">
            <p>最新需求</p>
            <ul>
                <foreach name="n_requirements" item="vo">
                        <li><img src="__PUBLIC__/asset/icon/ling.png" alt=""><a href="detail.html?id={$vo.id}">{$vo.title}</a></li>
                </foreach>
            </ul>
        </div>
    </div>
    <!--翻页-->
    <if condition="$maxPage gt 1">
    <div class="page">
        <div class="page-btn" onclick="forePage({$page})">上一页</div>
        <div class="page-num">
            <?php
                                for($i = 1; $i <= $maxPage; $i++){
                                    if($i == $page){
                                    echo  '<div class="page-active" onclick="page('.$i.')">'.$i.'</div>';
        }else{
        echo '<div onclick="page('.$i.')">'.$i.'</div>';
        }

        }

        ?>
    </div>
    <div class="page-btn" onclick="nextPage({$page})">下一页</div>
    </div>
    </if>
</main>
<footer>
    <div class="foot-line">
        <span>青岛校区地址：山东省青岛市黄岛区前湾港路579号</span>
        <span>邮政编码：266590</span>
        <span>联系电话：0532-80698028\80698027\80678029</span>
        <span>传真：0532-80698029</span>
    </div>
    <div class="foot-line">
        <span>泰安校区地址：山东省泰安市岱宗大街223号</span>
        <span>邮政编码：271019</span>
        <span>联系电话：0538-3076489</span>
        <span>传真：0538-3076489</span>
    </div>
    <div class="last-line">
        Copyright©2019 　山东科技大学 　鲁ICP备09051012号
        <span style="line-height: 26px ; margin-left: 20px;"><img
                style="width: 44px;height: 17px; margin-right: 10px;vertical-align: middle"
                src="__PUBLIC__/asset/fodder/todo_white.png" alt=""><span
                style="vertical-align: middle">投道科技提供技术支持</span></span>
    </div>
    <div></div>
</footer>
<script src="__PUBLIC__/js/public/jquery-1.11.3.min.js"></script>
<script src="__PUBLIC__/js/public/swiper.min.js"></script>
<script src="__PUBLIC__/js/public/bootstrap.min.js"></script>
<script src="__PUBLIC__/js/layer/layer/layer.js"></script>
<script>
    $('.dropdown-toggle').dropdown()

    var keyword = `{$keyword}`

    if (`{$college_id}` != ''){
        selectCollege = {
            id : `{$college_id}`,
        }
    }else{
        selectCollege = {
            id : '',
        }
    }

    function shows1(a,id) {
        selectCollege = {id,college:a};
        $("#dropdownMenu1").text(a);
    }

    $("#submit").on('click',function () {
        var name = $("#keyword").val();
        if(!selectCollege){
            window.open("{:url('requirement/index')}?keyword="+name)
        }else{
            window.open("{:url('requirement/index')}?college_id="+selectCollege.id+"&keyword="+name)
        }
    })


    function forePage(page) {
        var name = $("#keyword").val();
        window.location.href = "{:url('index')}?college_id="+selectCollege.id+"&keyword="+name+"&page=" + (page - 1 > 1 ? page - 1 : 1);
    }
    function nextPage(page) {
        var name = $("#keyword").val();
        if (page == parseInt(`{$maxPage}`)) {
            return;
        } else {
            window.location.href = "{:url('index')}?college_id="+selectCollege.id+"&keyword="+name+"&page=" + (page + 1 < parseInt(`{$maxPage}`)? page + 1 : parseInt(`{$maxPage}`));
        }
    }

    function page(page) {
        var name = $("#keyword").val();
        window.location.href = "{:url('index')}?college_id="+selectCollege.id+"&keyword="+name+"&page="  + page;
    }
</script>
</body>
</html>
